<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>

<rich:tabPanel switchType="ajax" >

    <rich:tab label="Listado de Clientes Naturales">

        <p class="izquierda">
            <h:panelGrid columns="4" columnClasses="label,input,,">

                <h:outputLabel value="Nombres o Apellidos:" for="Criterio"  />
                <h:inputText id="Filtro" value="#{ClienteNaturalController.criterio}" maxlength="100" size="50" />
                <h:commandLink id="btnBuscarClienteNatural"
                               accesskey="B"
                               value="Buscar"
                               styleClass="btn"
                               action="#{ClienteNaturalController.buscar}" />

                <h:commandLink id="btnAgregarParticipanteNatural"
                               accesskey="A"
                               value="Agregar"
                               styleClass="btn"
                               action="#{CompraVentaVehiculoController.agregarParticipanteNatural}" />

            </h:panelGrid>
        </p>

        <br/>

        <rich:dataTable id="tblClientesNaturales"
                        align="center"
                        rendered="#{!ClienteNaturalController.clientesNaturalesEmpty}"
                        onRowMouseOver="this.style.backgroundImage='url(/images/row_mouse_over.png)'"
                        onRowMouseOut="this.style.backgroundImage='none'"
                        onRowClick="this.style.backgroundImage='url(/images/row_mouse_click.png)';this.style.backgroundPosition='top'"
                        rowClasses="rich_table_row"
                        columnClasses="centrar,centrar num,izquierda,centrar num,izquierda,centrar num,centrar num,izquierda"
                        cellpadding="0" cellspacing="0"
                        border="0" var="clienteNatural"
                        rows="20"
                        width="100%"
                        value="#{ClienteNaturalController.clientesNaturales}">
            <f:facet name="header">
                <rich:columnGroup>
                    <rich:column colspan="9">
                        <rich:datascroller id="sc3"
                                           align="center" for="tblClientesNaturales" maxPages="10"
                                           page="1"
                                           styleClass="none"
                                           reRender="sc4"/>
                    </rich:column>
                </rich:columnGroup>
            </f:facet>
            <rich:column>
                <f:facet name="header">
                    <h:selectBooleanCheckbox id="checkAll" title="Seleccionar todos" onclick="checkAllColum(this.id,this.checked);"/>
                </f:facet>
                <h:selectBooleanCheckbox value="#{clienteNatural.seleccionado}"/>
            </rich:column>
            <rich:column sortBy="#{clienteNatural.idPersona}" sortIcon="/ico/sort_img.png" sortIconAscending="/ico/sort_asc_num.png" sortIconDescending="/ico/sort_des_num.png">
                <f:facet name="header"><h:outputText value="Código" /></f:facet>
                <h:outputText value="#{clienteNatural.idPersona}"  />
            </rich:column>
            <rich:column sortBy="#{clienteNatural.nombres}" sortIcon="/ico/sort_img.png" sortIconAscending="/ico/sort_asc_num.png" sortIconDescending="/ico/sort_des_num.png" >
                <f:facet name="header"><h:outputText value="Nombre Completo" styleClass="nowrap" /></f:facet>
                <h:outputText value="#{clienteNatural.nombreCompleto}" />
            </rich:column>
            <rich:column sortBy="#{clienteNatural.ruc}" sortIcon="/ico/sort_img.png" sortIconAscending="/ico/sort_asc_num.png" sortIconDescending="/ico/sort_des_num.png" >
                <f:facet name="header"><h:outputText value="RUC" /></f:facet>
                <h:outputText value="#{clienteNatural.ruc}" />
            </rich:column>
            <rich:column sortBy="#{clienteNatural.direccion}" sortIcon="/ico/sort_img.png" sortIconAscending="/ico/sort_asc_num.png" sortIconDescending="/ico/sort_des_num.png" >
                <f:facet name="header"><h:outputText value="Dirección" styleClass="nowrap" /></f:facet>
                <h:outputText value="#{clienteNatural.direccion}" />
            </rich:column>
            <rich:column >
                <f:facet name="header"><h:outputText value="Teléfono Fijo" styleClass="nowrap" /></f:facet>
                <h:outputText value="#{clienteNatural.telefonoFijo}" />
            </rich:column>
            <rich:column>
                <f:facet name="header"><h:outputText value="Teléfono Móvil" styleClass="nowrap" /></f:facet>
                <h:outputText value="#{clienteNatural.telefonoMovil}" />
            </rich:column>
            <rich:column>
                <f:facet name="header"><h:outputText value="Email" /></f:facet>
                <h:outputText value="#{clienteNatural.email}" />
            </rich:column>
            <rich:column>
                <h:commandButton action="#{ClienteNaturalController.seleccionarCliente}"
                                 title="Seleccionar Persona"
                                 image="/ico/btn_select.png"
                                 rendered="#{ClienteNaturalController.mostrarSeleccionarCliente && ClienteNaturalController.origen == 'Kardex'}" >
                    <f:setPropertyActionListener target="#{KardexController.cliente}" value="#{clienteNatural}" />
                </h:commandButton>
                <h:commandButton action="#{ClienteNaturalController.seleccionarCliente}"
                                 title="Seleccionar Persona"
                                 image="/ico/btn_select.png"
                                 rendered="#{ClienteNaturalController.mostrarSeleccionarCliente && ClienteNaturalController.origen == 'Provisional'}" >
                    <f:setPropertyActionListener target="#{ProvisionalController.provisional.cliente}" value="#{clienteNatural}" />
                </h:commandButton>
                <%--h:graphicImage value="/ico/btn_login_activo.png" title="Ya es usuario del sistema"  rendered="#{persona.usuario!=null}" /--%>
            </rich:column>
            <f:facet name="footer">
                <rich:datascroller id="sc4"
                                   align="center" for="tblClientesNaturales" maxPages="10"
                                   page="1"
                                   reRender="sc3"/>
            </f:facet>

        </rich:dataTable>

    </rich:tab>

    <rich:tab label="Listado de Clientes Jurídicos">

        <p class="izquierda">
            <h:panelGrid columns="4" columnClasses="label,input,,">

                <h:outputLabel value="Razón Social:" for="RazonSocial"  />
                <h:inputText id="RazonSocial" value="#{ClienteJuridicoController.razonSocial}" maxlength="100" size="50" />
                <h:commandLink id="btnBuscarClienteJuridico"
                               accesskey="B"
                               value="Buscar"
                               styleClass="btn"
                               action="#{ClienteJuridicoController.buscar}" />

                <h:commandLink id="btnAgregarParticipanteJuridico"
                               accesskey="A"
                               value="Agregar"
                               styleClass="btn"
                               action="#{CompraVentaVehiculoController.agregarParticipanteJuridico}" />

            </h:panelGrid>
        </p>

        <br/>

        <rich:dataTable id="tblClientesJuridicos"
                        align="center"
                        rendered="#{!ClienteJuridicoController.clientesJuridicosEmpty}"
                        onRowMouseOver="this.style.backgroundImage='url(/images/row_mouse_over.png)'"
                        onRowMouseOut="this.style.backgroundImage='none'"
                        onRowClick="this.style.backgroundImage='url(/images/row_mouse_click.png)';this.style.backgroundPosition='top'"
                        rowClasses="rich_table_row"
                        columnClasses="centrar,centrar num,izquierda,centrar num,izquierda,centrar num,centrar num,izquierda"
                        cellpadding="0" cellspacing="0"
                        border="0" var="clienteJuridico"
                        rows="20"
                        width="100%"
                        value="#{ClienteJuridicoController.clientesJuridicos}">
            <f:facet name="header">
                <rich:columnGroup>
                    <rich:column colspan="9">
                        <rich:datascroller id="sc5"
                                           align="center" for="tblClientesJuridicos" maxPages="10"
                                           page="1"
                                           styleClass="none"
                                           reRender="sc6"/>
                    </rich:column>
                </rich:columnGroup>
            </f:facet>
            <rich:column>
                <f:facet name="header">
                    <h:selectBooleanCheckbox id="checkAll" title="Seleccionar todos" onclick="checkAllColum(this.id,this.checked);"/>
                </f:facet>
                <h:selectBooleanCheckbox value="#{clienteJuridico.seleccionado}"/>
            </rich:column>
            <rich:column sortBy="#{clienteJuridico.idPersona}" sortIcon="/ico/sort_img.png" sortIconAscending="/ico/sort_asc_num.png" sortIconDescending="/ico/sort_des_num.png">
                <f:facet name="header"><h:outputText value="Código" /></f:facet>
                <h:outputText value="#{clienteJuridico.idPersona}"  />
            </rich:column>
            <rich:column sortBy="#{clienteJuridico.nombres}" sortIcon="/ico/sort_img.png" sortIconAscending="/ico/sort_asc_num.png" sortIconDescending="/ico/sort_des_num.png" >
                <f:facet name="header"><h:outputText value="Nombre Completo" styleClass="nowrap" /></f:facet>
                <h:outputText value="#{clienteJuridico.nombreCompleto}" />
            </rich:column>
            <rich:column sortBy="#{clienteJuridico.ruc}" sortIcon="/ico/sort_img.png" sortIconAscending="/ico/sort_asc_num.png" sortIconDescending="/ico/sort_des_num.png" >
                <f:facet name="header"><h:outputText value="RUC" /></f:facet>
                <h:outputText value="#{clienteJuridico.ruc}" />
            </rich:column>
            <rich:column sortBy="#{clienteJuridico.direccion}" sortIcon="/ico/sort_img.png" sortIconAscending="/ico/sort_asc_num.png" sortIconDescending="/ico/sort_des_num.png" >
                <f:facet name="header"><h:outputText value="Dirección" styleClass="nowrap" /></f:facet>
                <h:outputText value="#{clienteJuridico.direccion}" />
            </rich:column>
            <rich:column >
                <f:facet name="header"><h:outputText value="Teléfono Fijo" styleClass="nowrap" /></f:facet>
                <h:outputText value="#{clienteJuridico.telefonoFijo}" />
            </rich:column>
            <rich:column>
                <f:facet name="header"><h:outputText value="Teléfono Móvil" styleClass="nowrap" /></f:facet>
                <h:outputText value="#{clienteJuridico.telefonoMovil}" />
            </rich:column>
            <rich:column>
                <f:facet name="header"><h:outputText value="Email" /></f:facet>
                <h:outputText value="#{clienteJuridico.email}" />
            </rich:column>
            <rich:column>
                <h:commandButton action="#{ClienteJuridicoController.seleccionarCliente}"
                                 title="Seleccionar Persona"
                                 image="/ico/btn_select.png"
                                 rendered="#{ClienteJuridicoController.mostrarSeleccionarCliente && ClienteNaturalController.origen == 'Kardex'}" >
                    <f:setPropertyActionListener target="#{KardexController.cliente}" value="#{clienteJuridico}" />
                </h:commandButton>
                <h:commandButton action="#{ClienteJuridicoController.seleccionarCliente}"
                                 title="Seleccionar Persona"
                                 image="/ico/btn_select.png"
                                 rendered="#{ClienteJuridicoController.mostrarSeleccionarCliente && ClienteNaturalController.origen == 'Provisional'}" >
                    <f:setPropertyActionListener target="#{ProvisionalController.provisional.cliente}" value="#{clienteJuridico}" />
                </h:commandButton>
                <%--h:graphicImage value="/ico/btn_login_activo.png" title="Ya es usuario del sistema"  rendered="#{persona.usuario!=null}" /--%>
            </rich:column>
            <f:facet name="footer">
                <rich:datascroller id="sc6"
                                   align="center" for="tblClientesJuridicos" maxPages="10"
                                   page="1"
                                   reRender="sc5"/>
            </f:facet>

        </rich:dataTable>

    </rich:tab>

</rich:tabPanel>

<rich:spacer height="15" />

<%--rich:dataTable id="tblParticipantes"
                align="center"
                onRowMouseOver="this.style.backgroundImage='url(../images/row_mouse_over.png)'"
                onRowMouseOut="this.style.backgroundImage='none'"
                onRowClick="this.style.backgroundImage='url(../images/row_mouse_click.png)';this.style.backgroundPosition='top'"
                rowClasses="rich_table_row"
                columnClasses=",centrar,centrar,nowrap"
                cellpadding="0" cellspacing="0"
                border="0" var="detalleParticipante"
                width="100%"
                rendered="#{!CompraVentaVehiculoController.compraVentaVehiculo.detalleParticipantesEmpty}"
                value="#{CompraVentaVehiculoController.compraVentaVehiculo.detalleParticipantes}">
    <rich:column>
        <f:facet name="header" ><h:outputText value="Cliente" /></f:facet>
        <h:outputText value="#{detalleParticipante.cliente.nombreCompleto}" />
    </rich:column>
    <rich:column>
        <f:facet name="header" ><h:outputText value="Documento Identidad" /></f:facet>
        <h:outputText value="#{detalleParticipante.cliente.documentoIdentificacion}" />
    </rich:column>
    <rich:column>
        <f:facet name="header" ><h:outputText value="Participacion" /></f:facet>
        <h:selectOneMenu value="#{detalleParticipante.participacion}" >
            <f:selectItems value="#{CompraVentaVehiculoController.participaciones}" />
        </h:selectOneMenu>
    </rich:column>
    <rich:column>
        <h:commandButton action="#{CompraVentaVehiculoController.quitarParticipante}"
                         styleClass="ico"
                         title="Anular"
                         image="/ico/btn_eliminar.png" >
            <f:setPropertyActionListener target="#{CompraVentaVehiculoController.participante}" value="#{detalleParticipante}" />
        </h:commandButton>
    </rich:column>
</rich:dataTable--%>

<rich:spacer height="15" />

<a4j:commandButton action="anterior" value="<< Anterior" />
<a4j:commandButton action="siguiente" value="Siguiente >>" />